<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>按钮</title>
    <!--引入必须的资源文件-->
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
</head>
<body>
    <a class="btn btn-default" href="#" role="button">链接按钮</a>
    <a class="btn btn-default" href="#" type="submit">提价按钮</a>
    <hr/>
    <button class="btn btn-primary">主要的按钮</button>
    <button class="btn btn-success">成功按钮</button>
    <button class="btn btn-info">info按钮</button>
    <button class="btn btn-warning">btn-warning</button>
    <button class="btn btn-danger">btn-danger</button>
    <button class="btn btn-link">link</button>
<hr/>
    <p>
        <button type="button" class="btn btn-primary btn-lg">大的按钮</button>
        <button type="button" class="btn btn-success btn-md">中的按钮</button>
        <button type="button" class="btn btn-warning btn-sm">小的按钮</button>
        <button type="button" class="btn btn-danger btn-xs">超小的按钮</button>
    </p>

</body>
</html>